<template>
  <div class="roleManage height_100">
    <header>
      内部员工管理
      <span class="departManage" @click="$router.push('/departManage')">部门管理</span>
    </header>
    <search></search>
    <userList></userList>
  </div>
</template>

<script>
import search from '../components/search'
import userList from '../components/userList'
export default {
  components: {
    search,
    userList
  }
}
</script>

<style scoped lang="scss">
.roleManage {
  padding: 0 30px 30px;
  header {
    height: 90px;
    line-height: 90px;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    position: relative;
    .departManage {
      position: absolute;
      width: 108px;
      height: 42px;
      line-height: 42px;
      text-align: center;
      border-radius: 21px;
      background-color: #4868ff;
      color: #fff;
      font-size: 16px;
      font-weight: normal;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }
  }

  .search {
    margin-bottom: 24px;
  }
}
</style>
